<template>
  <view class="page flex-col">
    <view class="box_1 flex-col">
      <view class="box_2 flex-col" style="position: relative;">
        <text class="text_1">综合信息</text>
        <view class="systemset" @click="$navto('/pages/kehu/basic')">
            <uni-icons color="#ffffff" type="gear" size="30"></uni-icons>
        </view>
        
      </view>
      <view class="box_3 flex-col">
        <view class="group_1 flex-row justify-between">
          <view class="section_1 flex-col"></view>
          <text class="text_2">公告</text>
        </view>
        <view class="text-wrapper_1 flex-row">
          <text class="text_3">轴类机械零件加工的工艺要求</text>
        </view>
        <view class="text-wrapper_2 flex-row">
          <text class="text_4">
            各种cnc加工定制厂家都是轴类机械零件加工技术的革新和改进，对于轴类零件的加工，不仅要了解....
          </text>
        </view>
        <view class="image-wrapper_1 flex-row">
          <image
            class="image_2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/78b14fc67ec8c0924bb3499a7da41d54"
          />
        </view>
        <view class="text-wrapper_3 flex-row">
          <text class="text_5">精密机械加工厂家怎么做到性价比高？</text>
        </view>
        <view class="text-wrapper_4 flex-row">
          <text class="text_6">
            CNC加工精密零件，客户关心产品的加工效果，新产品研发或参展都会带来意想不到的收获..
          </text>
        </view>
      </view>
      
      <view class="box_4 flex-col">
        <view class="box_5 flex-row justify-between">
          <view class="section_2 flex-row" @click.native="$navto('/pages/kehu/orderlist?type=1')">
            <image
              class="image_3"
              referrerpolicy="no-referrer"
              src="@/static/icon/1.png"
            />
            <view class="text-group_1 flex-col justify-between">
              <text class="text_7">89</text>
              <text class="text_8">正单订单</text>
            </view>
          </view>
          <view class="section_3 flex-row" @click.native="$navto('/pages/kehu/orderlist?type=2')">
            <image
              class="image_4"
              referrerpolicy="no-referrer"
              src="@/static/icon/2.png"
            />
            <view class="text-group_2 flex-col justify-between">
              <text class="text_9">2</text>
              <text class="text_10">补单订单</text>
            </view>
          </view>
        </view>
        <view class="box_6 flex-row justify-between">
          <view class="box_7 flex-row" @click.native="$navto('/pages/kehu/orderlist?type=3')">
            <image
              class="image_5"
              referrerpolicy="no-referrer"
              src="@/static/icon/3.png"
            />
            <view class="text-group_3 flex-col justify-between">
              <text class="text_11">56</text>
              <text class="text_12">售后维修</text>
            </view>
          </view>
          <view class="box_8 flex-row" @click.native="$navto('/pages/kehu/projectlist')">
            <image
              class="image_6"
              referrerpolicy="no-referrer"
              src="@/static/icon/4.png"
            />
            <view class="text-group_4 flex-col justify-between">
              <text class="text_13">8</text>
              <text class="text_14">已发货订单</text>
            </view>
          </view>
        </view>
        <view class="box_9 flex-col justify-end">
          <view class="image-text_1 flex-row justify-between">
            <image
              class="image_7"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/3c84a3df07bed9dc4f1615f987c237ec"
            />
            <view class="text-group_5 flex-col justify-between">
              <text class="text_15">白野兽</text>
              <text class="text_16">赖氏家具股份有限公司</text>
            </view>
          </view>
          <view class="text-wrapper_5 flex-row">
            <text class="text_17">地址</text>
            <text class="text_18">
              山东省济南市济阳区济北开发区处凤栖路11号
            </text>
          </view>
        </view>
   
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {},
    };
  },
  onPullDownRefresh(){
      setTimeout(function () {
          uni.stopPullDownRefresh();
      }, 1000);
  },
  onReachBottom(){}
  methods: {},
};
</script>
<style lang="less">
.page {
  position: relative;
  width: 750rpx;
  height: 1334rpx;
  overflow: hidden;
  .box_1 {
    position: relative;
    width: 750rpx;
    height: 1334rpx;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/1fddcd155c67437e436f8182533b186b)
      100% no-repeat;
    background-size: 100% 100%;
    .box_2 {
      background-image: linear-gradient(
        90deg,
        rgba(68, 167, 240, 1) 0,
        rgba(68, 167, 240, 1) 0,
        rgba(117, 142, 251, 1) 100%,
        rgba(117, 142, 251, 1) 100%
      );
      width: 750rpx;
      height: 279rpx;
      .image_1 {
        width: 720rpx;
        height: 24rpx;
        margin: 8rpx 0 0 11rpx;
      }
      .text_1 {
        width: 134rpx;
        height: 33rpx;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 34rpx;
        font-family: PingFangSC-Heavy;
        font-weight: 900;
        text-align: center;
        white-space: nowrap;
        line-height: 49rpx;
        margin: 29rpx 0 185rpx 304rpx;
      }
    }
    .box_3 {
      background-color: rgba(255, 255, 255, 1);
      border-radius: 5rpx;
      height: 432rpx;
      width: 689rpx;
      margin: 577rpx 0 46rpx 29rpx;
      .group_1 {
        width: 90rpx;
        height: 30rpx;
        margin-top: 34rpx;
        .section_1 {
          background-color: rgba(72, 164, 241, 1);
          border-radius: 2rpx;
          width: 5rpx;
          height: 30rpx;
        }
        .text_2 {
          width: 58rpx;
          height: 28rpx;
          overflow-wrap: break-word;
          color: rgba(83, 105, 119, 1);
          font-size: 30rpx;
          font-family: PingFangSC-Heavy;
          font-weight: 900;
          text-align: center;
          white-space: nowrap;
          line-height: 49rpx;
        }
      }
      .text-wrapper_1 {
        width: 362rpx;
        height: 28rpx;
        margin: 33rpx 0 0 33rpx;
        .text_3 {
          width: 362rpx;
          height: 28rpx;
          overflow-wrap: break-word;
          color: rgba(70, 96, 119, 1);
          font-size: 28rpx;
          font-family: PingFangSC-Heavy;
          font-weight: 900;
          text-align: center;
          white-space: nowrap;
          line-height: 49rpx;
        }
      }
      .text-wrapper_2 {
        width: 615rpx;
        height: 65rpx;
        margin: 23rpx 0 0 33rpx;
        .text_4 {
          width: 615rpx;
          height: 65rpx;
          overflow-wrap: break-word;
          color: rgba(124, 137, 150, 1);
          font-size: 24rpx;
          font-family: PingFangSC-Heavy;
          font-weight: 900;
          text-align: left;
          line-height: 40rpx;
        }
      }
      .image-wrapper_1 {
        width: 650rpx;
        height: 1rpx;
        margin: 31rpx 0 0 16rpx;
        .image_2 {
          width: 650rpx;
          height: 1rpx;
        }
      }
      .text-wrapper_3 {
        width: 462rpx;
        height: 28rpx;
        margin: 29rpx 0 0 34rpx;
        .text_5 {
          width: 462rpx;
          height: 28rpx;
          overflow-wrap: break-word;
          color: rgba(70, 96, 119, 1);
          font-size: 28rpx;
          font-family: PingFangSC-Heavy;
          font-weight: 900;
          text-align: center;
          white-space: nowrap;
          line-height: 49rpx;
        }
      }
      .text-wrapper_4 {
        width: 604rpx;
        height: 63rpx;
        margin: 21rpx 0 46rpx 33rpx;
        .text_6 {
          width: 604rpx;
          height: 63rpx;
          overflow-wrap: break-word;
          color: rgba(124, 137, 150, 1);
          font-size: 24rpx;
          font-family: PingFangSC-Heavy;
          font-weight: 900;
          text-align: left;
          line-height: 40rpx;
        }
      }
    }
    .box_4 {
      position: absolute;
      left: 0;
      top: 279rpx;
      width: 750rpx;
      height: 578rpx;
      .box_5 {
        width: 688rpx;
        height: 197rpx;
        margin: 144rpx 0 0 30rpx;
        .section_2 {
          background-color: rgba(255, 255, 255, 1);
          border-radius: 5rpx;
          width: 337rpx;
          height: 197rpx;
          .image_3 {
            width: 91rpx;
            height: 83rpx;
            margin: 56rpx 0 0 43rpx;
          }
          .text-group_1 {
            width: 110rpx;
            height: 89rpx;
            margin: 58rpx 62rpx 0 31rpx;
            .text_7 {
              width: 65rpx;
              height: 42rpx;
              overflow-wrap: break-word;
              color: rgba(70, 96, 119, 1);
              font-size: 56rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: left;
              white-space: nowrap;
              line-height: 56rpx;
            }
            .text_8 {
              width: 110rpx;
              height: 27rpx;
              overflow-wrap: break-word;
              color: rgba(70, 96, 119, 1);
              font-size: 28rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: center;
              white-space: nowrap;
              line-height: 49rpx;
              margin-top: 20rpx;
            }
          }
        }
        .section_3 {
          background-color: rgba(255, 255, 255, 1);
          border-radius: 5rpx;
          width: 337rpx;
          height: 197rpx;
          .image_4 {
            width: 94rpx;
            height: 84rpx;
            margin: 55rpx 0 0 48rpx;
          }
          .text-group_2 {
            width: 110rpx;
            height: 89rpx;
            margin: 58rpx 70rpx 0 15rpx;
            .text_9 {
              width: 29rpx;
              height: 41rpx;
              overflow-wrap: break-word;
              color: rgba(70, 96, 119, 1);
              font-size: 56rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: left;
              white-space: nowrap;
              line-height: 56rpx;
              margin-left: 4rpx;
            }
            .text_10 {
              width: 110rpx;
              height: 27rpx;
              overflow-wrap: break-word;
              color: rgba(70, 96, 119, 1);
              font-size: 28rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: center;
              white-space: nowrap;
              line-height: 49rpx;
              margin-top: 21rpx;
            }
          }
        }
      }
      .box_6 {
        width: 688rpx;
        height: 197rpx;
        margin: 16rpx 0 24rpx 30rpx;
        .box_7 {
          background-color: rgba(255, 255, 255, 1);
          border-radius: 5rpx;
          width: 337rpx;
          height: 197rpx;
          .image_5 {
            width: 95rpx;
            height: 82rpx;
            margin: 54rpx 0 0 51rpx;
          }
          .text-group_3 {
            width: 110rpx;
            height: 94rpx;
            margin: 54rpx 61rpx 0 20rpx;
            .text_11 {
              width: 64rpx;
              height: 42rpx;
              overflow-wrap: break-word;
              color: rgba(70, 96, 119, 1);
              font-size: 56rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: left;
              white-space: nowrap;
              line-height: 56rpx;
              margin-left: 1rpx;
            }
            .text_12 {
              width: 110rpx;
              height: 28rpx;
              overflow-wrap: break-word;
              color: rgba(70, 96, 119, 1);
              font-size: 28rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: center;
              white-space: nowrap;
              line-height: 49rpx;
              margin-top: 24rpx;
            }
          }
        }
        .box_8 {
          background-color: rgba(255, 255, 255, 1);
          border-radius: 5rpx;
          width: 337rpx;
          height: 197rpx;
          .image_6 {
            width: 91rpx;
            height: 89rpx;
            margin: 52rpx 0 0 51rpx;
          }
          .text-group_4 {
            width: 137rpx;
            height: 95rpx;
            margin: 53rpx 39rpx 0 19rpx;
            .text_13 {
              width: 31rpx;
              height: 42rpx;
              overflow-wrap: break-word;
              color: rgba(70, 96, 119, 1);
              font-size: 56rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: left;
              white-space: nowrap;
              line-height: 56rpx;
              margin-left: 1rpx;
            }
            .text_14 {
              width: 137rpx;
              height: 28rpx;
              overflow-wrap: break-word;
              color: rgba(70, 96, 119, 1);
              font-size: 28rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: center;
              white-space: nowrap;
              line-height: 49rpx;
              margin-top: 25rpx;
            }
          }
        }
      }
      .box_9 {
        box-shadow: 0rpx 3rpx 24rpx 0rpx rgba(158, 175, 207, 0.21);
        background-color: rgba(255, 255, 255, 1);
        border-radius: 15rpx;
        position: absolute;
        left: 29rpx;
        top: -115rpx;
        width: 691rpx;
        height: 238rpx;
        overflow-x: hidden;
        .image-text_1 {
          width: 331rpx;
          height: 73rpx;
          margin: 47rpx 0 0 42rpx;
          .image_7 {
            width: 73rpx;
            height: 73rpx;
          }
          .text-group_5 {
            width: 237rpx;
            height: 69rpx;
            margin-top: 1rpx;
            .text_15 {
              width: 97rpx;
              height: 33rpx;
              overflow-wrap: break-word;
              color: rgba(70, 96, 119, 1);
              font-size: 34rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: center;
              white-space: nowrap;
              line-height: 49rpx;
              margin-left: 1rpx;
            }
            .text_16 {
              width: 237rpx;
              height: 23rpx;
              overflow-wrap: break-word;
              color: rgba(174, 185, 196, 1);
              font-size: 24rpx;
              font-family: PingFangSC-Heavy;
              font-weight: 900;
              text-align: left;
              white-space: nowrap;
              line-height: 49rpx;
              margin-top: 13rpx;
            }
          }
        }
        .text-wrapper_5 {
          background-color: rgba(248, 248, 248, 1);
          border-radius: 15rpx;
          width: 691rpx;
          height: 86rpx;
          margin-top: 32rpx;
          .text_17 {
            width: 47rpx;
            height: 22rpx;
            overflow-wrap: break-word;
            color: rgba(142, 153, 163, 1);
            font-size: 24rpx;
            font-family: PingFangSC-Heavy;
            font-weight: 900;
            text-align: left;
            white-space: nowrap;
            line-height: 49rpx;
            margin: 24rpx 0 0 52rpx;
          }
          .text_18 {
            width: 522rpx;
            height: 25rpx;
            overflow-wrap: break-word;
            color: rgba(33, 53, 71, 1);
            font-size: 26rpx;
            font-family: PingFangSC-Medium;
            font-weight: 500;
            text-align: center;
            white-space: nowrap;
            line-height: 49rpx;
            margin: 23rpx 50rpx 0 20rpx;
          }
        }
      }
      .text-wrapper_6 {
        box-shadow: 0rpx 6rpx 5rpx 0rpx rgba(57, 204, 175, 0.19);
        background-image: linear-gradient(
          90deg,
          rgba(62, 212, 183, 1) 0,
          rgba(62, 212, 183, 1) 0,
          rgba(39, 198, 168, 1) 100%,
          rgba(39, 198, 168, 1) 100%
        );
        
        border-radius: 24rpx 0 0 24rpx;
        height: 50rpx;
        width: 130rpx;
        position: absolute;
        left: 588rpx;
        top: -74rpx;
        .text_19 {
          width: 94rpx;
          height: 23rpx;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 22rpx;
          font-family: PingFangSC-Heavy;
          font-weight: 900;
          text-align: left;
          white-space: nowrap;
          line-height: 49rpx;
          margin: 0 0 0 22rpx;
        }
      }
    }
  }
}
.systemset{
    position:absolute;
    top: 20rpx;
    right: 10rpx;
}
</style>
